<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="inner_container">
	<header id="main_header">
		<section id="top_head">
		<div class="sec_cont">
		<nav>
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="magazine.html">Products</a></li>
			<li><a href="#">Best Sellers</a></li>
			<li><a href="#">Newsletter</a></li>
			<li><a href="#">Contact</a></li>
			<li><a href="#">FAQ</a></li>
			<li><a href="#">Get Involved</a></li>
		</ul>
		
		</nav>
		<ul id="header_actions">
			<li>
			Your Cart: $64.37<br />
			<a href="#">edit/checkout</a>
			</li>
			<li>1.800.432.3004</li>
		</ul>
		<input type="text" id="search" />
		
		</div>
		</section><!--end top_head-->
		

		<section id="headline_sec">
			<div class="sec_cont">
				<h2>Making a Difference Online</h2>
			</div><!--end sec_cont-->
		</section><!--end headline_sec-->
	</header>
		<div id="main" class="clientPortal">
			<section id="sponsors" class="thirds left">
				<div class="imageHead">
					<img src="images/stock-photo-7384989-mid-thirties-female-professional.jpeg" title="" alt="" />
					<div class="headlineBlock">
						<h2>Sponsors Click <a  class="showLogin" href="sponsor/sponsorPortal.html">Here</a></h2>
					</div><!--end headlineBlock-->
<!-- 					<ul>
						<li>Register to set up campaign</li>
						<li>Email student user registration request/special announcement</li>
						<li>Set up teams within organization</li>
						<li>Establish individual goals</li>
						<li>Establish team goals</li>
						<li>Establish organization goals</li>
						<li>Create personal home page for organization</li>
					</ul> -->
				</div><!--end imageHead-->
			</section><!--end sponsors-->

			<section id="students" class="thirds mid left">
				<div class="imageHead">
					<img src="images/stock-photo-9645711-four-college-students-smiling-on-white.jpeg" title="" alt="" />
					<div class="headlineBlock">
						<h2>Students and Parents Click <a class="showLogin" href="student/userPortal.html">Here</a></h2>
					</div><!--end headlineBlock-->
<!-- 					<ul>
						<li>Register online</li>
						<li>Respond to Sponsor's request</li>
						<li>Email trackable links to friends and relatives</li>
						<li>Send reminders to friends and relatives</li>
						<li>Check your status and results</li>
						<li>See individual, team, and organization results</li>
						<li>Receive notification of purchases</li>
					</ul> -->
				</div><!--end imageHead-->
			</section><!--end students-->

			<section id="reps" class="thirds left">
				<div class="imageHead">
					<img src="images/stock-photo-19688253-successful-business-people.jpeg" title="" alt="" />
					<div class="headlineBlock">
						<h2>Sales Reps Click <a class="showLogin" href="sales/sellerPortal.html">Here</a></h2>
					</div><!--end headlineBlock-->
<!-- 					<ul>
						<li>Start new organization</li>
						<li>Create sponsors</li>
						<li>Track results by day/week/campaign
							<ol>
								<li>Organization</li>
								<li>Team</li>
								<li>Individual</li>
							</ol>
						</li>
					</ul> -->
				</div><!--end imageHead-->
			</section><!--end reps-->
				
		
		<div class="clear"></div>
		</div><!--end main-->

		<footer id="page_footer">
			<header id="footer_top">
				<div class="sec_cont">

				<section id="foot_contact" class="left thirds first">
					<div class="foot_third_inner">
						<h3>Contact</h3>
						<p>1.800.432.3004<br />
							info@fundraisingmagazines.com<br />
							request a catalog
						</p>

					</div>
				</section>

				<section id="foot_other" class="left thirds mid">
					<div class="foot_third_inner">
						<h3>Other Fundraisers</h3>
						<ul>
							<li><a href="#">Superior Plan</a></li>
							<li><a href="#">eSports Fundraising</a></li>
						</ul>
					</div>
				</section>

				<section id="foot_total" class="left thirds last">
					<div class="foot_third_inner">
						<h3>Your Current Total</h3>
						

					</div>
				</section>
				</div><!--end sec_cont-->
			</header>
			<footer id="footer_bottom">
				<div class="sec_cont">
				<nav id="footer_nav">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Products</a></li>
						<li><a href="#">Best Sellers</a></li>
						<li><a href="#">Newsletter</a></li>
						<li><a href="#">Contact</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Get Involved</a></li>
					</ul>

				</nav>
			</div><!--end sec_cont-->

			</footer><!--end footer_bottom-->

		</footer><!--end page_footer-->

	</header><!--end main_header-->

</div><!--end inner_container-->
</div><!--end container-->

<div id="modalContainer">
<form id="login-form" action="#" method="post">
<fieldset>
		
	<legend>Log in</legend>
	
	<label for="login">Email</label>
	<input type="text" id="login" name="login"/>
	<div class="clear"></div>
	
	<label for="password">Password</label>
	<input type="password" id="password" name="password"/>
	<div class="clear"></div>
	
	<label for="remember_me" style="padding: 0;">Remember me?</label>
	<input type="checkbox" id="remember_me" style="position: relative; top: 3px; margin: 0; " name="remember_me"/>
	<div class="clear"></div>
	
	<br />
	
	<a style="margin: -20px 0 0 287px;" href="#" id="loginSubmits" class="button" name="commit">Log in...</a>
	<div class="clear"></div>
</fieldset>
</form>
</div><!--end modalContainer-->

</body>

</html>